<!DOCTYPE html><html><head><title>Minimal Blog</title><style>body{font-family:Arial;max-width:800px;margin:auto;padding:20px}h1{color:#333}.post{margin-bottom:30px}.post h2{color:#555;margin-bottom:5px}.post p{color:#777;line-height:1.6}@media(max-width:600px){body{padding:10px}}</style></head><body><h1>My Minimal Blog</h1><div id="posts"></div><script>const posts=[{title:"First Post",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},{title:"Second Post",content:"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."}];let html="";posts.forEach(post=>{html+=`<div class="post"><h2>${post.title}</h2><p>${post.content}</p></div>`});document.getElementById("posts").innerHTML=html</script></body></html>